Opprette nytt Svelteprosjekt
For å opprette et nytt prosjekt i Svelte kan du følge instruksjonen i videoen under.
I videoen gjør jeg følgende steg:
- Oppretter enn ny mappe til prosjektet
- Åpner mappen i Visual Studio Code med menyvalget
File
→Open Folder
- Åpner en terminal i Visual Studio Code med menyvalget
Terminal
→New Terminal
- Skriver inn kommandoen
npm create svelte@latest .
npm
er navnet på programmet vi kjører (npm er node package manager)create
betyr at vi skal opprette et nytt prosjektsvelte@latest
betyr at prosjekttypen er Svelte, og at vi skal brukes siste versjon av Svelte.
betyr at vi skal opprette prosjektet i vår nåværende mappe
- Gjør følgende valg ved hjelp av piltastene, mellomromstasten og enter
- Enter for å bekrefte at vi oppretter prosjektet i nåværende mappe
- Velger
Skeleton project
for å få et blankt prosjekt uten innhold - Velger ingen
Type checking
siden vi ikke bruker dette i IT1 - Velger
ESLint
for å hjelpe oss å finne feil og problemer i koden, samtPrettier
som formaterer koden vår på en fin måte
- Skriver inn
npm install
for å installere alle pakkene somnpm
har funnet ut at vi trenger til prosjektet - Skriver
npm run dev -- --open
for å starte en Svelte Server som kompilerer Sveltekoden vår, lager den ferdige HTML-, CSS- og Javascript-koden og viser oss nettsiden. Denne serveren må kjøre på datamaskinen din for at du skal kunne se nettsiden.run dev
kjører et npm script kaltdev
som du finner i filapackage.json
. Hvis du leter her så vil du se atdev
egentlig kjører kommandoenvite dev
.--
disse to bindestrekene gjør at Svelte serveren blir tilgjengelig på nettverket på adressenlocalhost:5173
.--open
gjør at nettsidene åpnes i nettleseren automatisk